<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>工单详情</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/header.css" />
    <link rel="stylesheet" type="text/css" href="css/home_task_con.css" />
    
</head>

<body>
    <div id="app" v-cloak>
        <section class="aui-content contentBox">

            <!--无评价信息不展示该数据栏-->
            <div v-if="rateList.length>0" v-for="itemrate in rateList" class="aui_list boxarea mb20">
                <div class="ptb10">
                    <div>
                        <div class="aui-content">
                            <div class="pj-content-title pj-comment">
                                {{rateValueist[itemrate.RateStar-1]}}
                            </div>
                            <div class="new-aui-rate">
                                <label v-for="index of 5" class="rate_star">
                                    <img v-if="itemrate.RateStar<index" class="new-rate" src="../image/starunfillblue.svg" />
                                    <img v-if="itemrate.RateStar>=index" class="new-rate" src="../image/starfillblue.svg" />
                                </label>
                            </div>
                            <div v-if="itemrate.RateComment!=undefined&&itemrate.RateComment!=''&&itemrate.RateComment!=null" class="pj-content-title">{{itemrate.RateComment}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="aui_list boxarea mb20">
                <div class="work_title">
                    {{model.alarmLevel}}
                    <i v-if="showorder" v-on:click="showOrderAll()" class="icon iconfont icon-shangjiantou ccc fr"></i>
                    <i v-if="!showorder" v-on:click="showOrderAll()" class="icon iconfont icon-down ccc fr"></i>
                </div>
                <div class="pb10">
                    <div class="contentbg">
                        <div v-if="model.location!=''" class="content-title">
                            {{model.evnirInstName}}
                        </div>
                        <div v-if="model.content!=''" class="font-color">
                            {{model.alarmContent}}
                        </div>
                        <!-- <div class="aui-content ">
                            <div class="handle_img_list">
                                <div class="task_con_image">
                                    <img class="aui-img-object" v-for="itemImg in imagelist" v-on:click="img_browser(itemImg)" v-bind:src="itemImg.imageUrl" />
                                    <div class="cl"></div>
                                </div>
                            </div>
                        </div> -->
                    </div>

                    <!--工单基础信息展示-->
                    <div v-if="showorder" class="mt20">
                        <div class="mb10 ">
                            <label class="label-text-width ccc">告警记录ID</label>
                            <label>{{model.alarmRecordId}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">告警创建时间</label>
                            <label>{{model.crtDate}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">告警状态</label>
                            <label>{{model.statusCd}}</label>
                        </div>
                        <div class="mb10 ">
                            <label class="label-text-width ccc">空间资产ID</label>
                            <label>{{model.evnirInstId}}</label>
                        </div>
                        
                        <div class="mb10">
                            <label class="label-text-width ccc">空间资产名称</label>
                            <label>{{model.evnirInstName}}</label>
                        </div>
                    </div>
                </div>
            </div>

            <!-- <div class="aui_list boxarea mb20">
                <div class="work_title">报修人</div>
                <div class="ptb10">
                    <div class="aui-content new-photo-content" >
                        <div class="photo-content">
                            <div>
                                <img v-if="model.headImg==''||model.headImg==undefined||model.headImg=='undefined'" class="photo-bg" src="https://atts.w3cschool.cn/attachments/image/cimg/demo3.png">
                                <img v-if="model.headImg!=''&&model.headImg!=undefined&&model.headImg!='undefined'" class="photo-bg" :src="model.headImg" alt="">
                            </div>
                            <div v-if="model.relateTypeDesc!=''" class="photo-text">
                                {{model.relateTypeDesc}}
                            </div>
                        </div>
                        <div class="content-phone ml20">
                            <div class="content-user"><label class="content-label">{{model.createUser}}</label></div>
                            <div class="content-userphone  ml20"><label class="content-label">{{model.createPhone&&model.createPhone!='null'?model.createPhone:''}}</label></div>
                            <div v-if="model.createPhone!=null&&model.createPhone!='null'" v-on:click="tel_phone2(model.createPhone)" class="aui-list-item-label-icon new-label-icon" >
                                <i class="icon iconfont icon-iconfontcolor39 new-icon"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
            <!--工单轨迹-->
            <div class="aui_list boxarea mb20">
                <div class="work_title">工单轨迹</div>
                <div class="ptb10">
                    <ul class="processul">
                        <li class="processulli  li-border-color-grey" v-if="index<=0||showproess" v-for="(item,index) in processlist">
                            <div class="task_process_con">
                                <div class="handle">
                                    <div class="task_process_basic_title">
                                        <div class="task_process_basic_title_name fl">
                                            <div class="fl">{{item.title}}</div>
                                            <div class="cl"></div>
                                        </div>

                                        <div class="task_process_basic_title_time ccc fr">{{item.time}}</div>
                                        <div class="cl"></div>
                                    </div>
                                    <div class="">
                                        <div class="handle_con_msg ">
                                            <span>{{item.remark}}</span>
                                        </div>
                                        <!-- <div class="handle_img_list" v-if="item.imgList.length>0">
                                            <div class="task_con_image">
                                                <img v-for="item2 in item.imgList" v-on:click="img_browser(item2)" v-bind:src="item2.imgurl" />
                                                <div class="cl"></div>
                                            </div>
                                        </div> -->
                                    </div>
                                </div>
                                <div class="hide_height"></div>
                            </div>
                        </li>
                    </ul>

                    <div v-if="processlist.length>1" class="proess-select mb20" v-on:click="showProessAll()">
                        查看详情
                        <i v-if="showproess" class="icon iconfont icon-shangjiantou"></i>
                        <i v-if="!showproess" class="icon iconfont icon-down"></i>
                    </div>

                </div>
            </div>



            <!--回访记录为空时，不展示该信息栏-->
            <!-- <div v-if=callBackData.length>
                <div class="aui_list boxarea mb20">
                    <div class="work_title">回访记录</div>
                    <div class="ptb10">
                        <div class="aui-content" v-for="itemback in callBackData">
                            <div class="ccc">{{itemback.RealName}} <span class="ml5">{{itemback.AddTime}}</span>  回访</div>
                            <div class="mb20 mt5">{{itemback.HuiFangNote}}</div>
                        </div>
                    </div>
                </div>
            </div> -->

            <!-- con end-->

            <div class="new-btn-bottom" v-if="typetj!=1&&model.status!=3">
                <!--待受理-->
                <div v-if="operation.hanup" class="new-blue-btn" v-on:click="do_updateStatus(5)">挂起</div>
                <!--待派单 -->
                <div v-if="operation.deliver" class="new-blue-btn" v-on:click="do_canpublish(11)">派单</div>
                <div v-if="operation.restore" class="new-blue-btn" v-on:click="do_updateStatus(6)">恢复</div>
                <!--待接单-->
                <div v-if="operation.accept" class="new-blue-btn" v-on:click="doAccpetOrder()">接单</div>
                <div v-if="operation.back" class="new-blue-btn" v-on:click="doRefuseOrder()">拒绝</div>
                <div v-if="operation.transfer" class="new-blue-btn" v-on:click="open_transfer()">转单</div>
                <div v-if="operation.teamwork" class="new-blue-btn" v-on:click="do_canpublish(13)">协同</div>
                <!--处理中-->
                <div v-if="operation.process" class="new-blue-btn" v-on:click="do_updateStatus(1)">处理</div>
                <div v-if="operation.complete" class="new-blue-btn" v-on:click="do_updateStatus(2)">完工</div>
                <!--已完工-->
                <div v-if="operation.close" class="new-blue-btn" v-on:click="do_updateStatus(7)">关单</div>
                <div v-if="operation.callback" class="new-blue-btn" v-on:click="do_updateStatus(3)">回访</div>
            </div>

            <div v-if="typetj!=1&&model.status==3">
                <div class="new-btn-bottom">
                    <!--待受理-->
                    <div v-if="operation.hanup" class="new-blue-btn" v-on:click="do_updateStatus(5)">挂起</div>
                    <!--待派单 -->
                    <div v-if="operation.deliver" class="new-blue-btn" v-on:click="do_canpublish(11)">派单</div>
                    <div v-if="operation.restore" class="new-blue-btn" v-on:click="do_updateStatus(6)">恢复</div>
                    <!--待接单-->
                    <div v-if="operation.accept" class="new-blue-btn" v-on:click="doAccpetOrder()">接单</div>
                    <div v-if="operation.back" class="new-blue-btn" v-on:click="doRefuseOrder()">拒绝</div>
                    <div v-if="operation.transfer" class="new-blue-btn" v-on:click="open_transfer()">转单</div>
                    <div v-if="operation.teamwork" class="new-blue-btn" v-on:click="do_canpublish(13)">协同</div>
                    
                </div>
                <div class="new-btn-bottom">
                    <!--处理中-->
                <div v-if="operation.process" class="new-blue-btn" v-on:click="do_updateStatus(1)">处理</div>
                <div v-if="operation.complete" class="new-blue-btn" v-on:click="do_updateStatus(2)">完工</div>
                <!--已完工-->
                <div v-if="operation.close" class="new-blue-btn" v-on:click="do_updateStatus(7)">关单</div>
                <div v-if="operation.callback" class="new-blue-btn" v-on:click="do_updateStatus(3)">回访</div>
                    
                </div>
                

            </div>

            
            

            <!--<div v-if="form.canoperaiton && !isviewdetail" class="function top-line">
    <div class="function_btn_list">
        <div v-if="form.cangrab" v-on:click="do_grab()" class="function_btn">
            抢单
        </div>
        <div v-if="form.canpublish" v-on:click="do_canpublish()" class="function_btn">
            派单
        </div>
        <div v-if="form.canaccpet" v-on:click="do_accpet()" class="function_btn">
            接受
        </div>
        <div v-if="form.canprocess" v-on:click="do_complete()" class="function_btn">
            处理
        </div>-->
            <!-- <div v-if="form.cancomplete" v-on:click="do_complete()" class="function_btn">
      办结（完工）
    </div> -->
            <!--<div v-if="form.canxietong" v-on:click="open_xietong()" class="function_btn">
        协同
    </div>-->
            <!-- <div v-if="form.cantransfer" v-on:click="open_transfer()" class="function_btn">
      转交
    </div> -->
            <!--<div v-if="form.canreturnback" v-on:click="do_returnback()" class="function_btn">
                回退
            </div>
        </div>
    </div>-->
        </section>
    </div>
  
</body>
<script type="text/javascript " src="../script/api.js"></script>
<script type="text/javascript " src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/gaojing_detail.js"></script>

</html>
